草庐IT

Bootstrap4 模态框

全部标签

javascript - 推特 Bootstrap : Remove/Toggle the active state of checkbox-like button group

使用twittersBootstrap,我创建了一个具有单选框行为的按钮组,让用户可以在不同状态之间进行选择。这按预期开箱即用。我用这里的例子安排了一个jsFiddle:http://jsfiddle.net/jpxWj/我尝试(并且想要)的是当我第二次点击事件按钮时可以移除按下状态。我尝试使用jQuerysremoveClass()从btn类中删除active类,但它不起作用。(我也尝试使用.on()删除,但这只会使事件始终隐藏/删除) 最佳答案 Hereyougo,在我看来,这是一个未知的事件现象。您可以阅读更多相关信息here

javascript - 如何检测 Materialized.js 模态关闭事件?

如何检测materialized.js的关闭事件?我想在通过单击模式关闭按钮或按退出按钮或单击屏幕的任何其他区域关闭模式时运行一些JavaScript代码。 最佳答案 看起来你的意思是modal的ma​​terializecss框架的关闭事件。至于0.97.1版本(2015年9月15日)打开模式时,您可以传递选项(参见:http://materializecss.com/modals.html#options),但请注意,这是一个非常具有欺骗性的描述,因为选项不会被保存使用lean_modal(https://github.com/

javascript - 可拖动的 JS Bootstrap 模式 - 性能问题

对于工作中的项目,我们使用JavaScript中的BootstrapModal窗口。我们想让一些窗口可移动,但我们遇到了JQuery的性能问题。$("#myModal").draggable({handle:".modal-header"});Example,Source.在IE9中,它按预期工作。在Chrome中,水平拖动正常,垂直拖动速度较慢但没有问题。在Firefox中,水平拖动按预期工作,但垂直拖动非常慢。这很奇怪,因为示例窗口的图形并不繁重,而且JQuery应该规范浏览器行为。我尝试在不使用JQuery的可拖动对象的情况下解决这个问题,但我遇到了同样的问题。所以我有几个问题:

javascript - 使用 angular-ui bootstrap 和 typeahead-loading

所以我似乎无法弄清楚如何在我的typeahead获取远程数据时使用typeahead-loading属性来显示微调器。我在任何地方都找不到它的使用示例。当我们开始请求时,这个值是否需要我们在范围内手动设置?然后在请求完成时手动将其设置为false?有时这些有棱Angular的东西有魔力,我永远不确定后端是否发生了一些额外的事情来处理其中的一些事情。只是一个简单的例子,说明如何在预先加载中使用该值会很好。我只是想不出如何正确使用它。当然,很多Angular文档都缺乏一些更复杂的功能的好例子。 最佳答案 在我看来,文档对此并不清楚:“绑

javascript - Bootstrap-select on click 获取点击值

我正在使用jQuery插件:bootstrap-select.js我的HTML是select(multiple)->option。我想在用户选择或取消选择选项时获取当前单击的选项值。示例:用户选择项目4=console.log项目4。然后用户还选择项目2=console.log项目2。目前我正在获取项目4,项目2...他们总是在一个数组中,而不是单独的。我的最终目标是根据用户的选择在页面上显示和隐藏div。将有多个选择选项字段。HTML代码:2">Item1Item2Item3Item4Item5Item6JS代码:$("select#team").on("change",functi

javascript - 您可以向 Kendo 窗口添加模态背景吗?

使用kendoui,并使用windowUIWIDGET,http://demos.kendoui.com/web/window/index.html是否可以像在Jqueryui对话框中那样添加浅灰色的模态背景http://jqueryui.com/dialog/#modal?是否可以使背景不可点击? 最佳答案 只需使用modal配置选项:$("#dialog").kendoWindow({modal:true});如有必要,您可以通过覆盖CSS来调整颜色。 关于javascript-您可

javascript - 检查是否有任何 Bootstrap 模式打开

如何检查当前是否打开了任何Bootstrap模式?背后的原因:如果模式打开,我想停用某些键盘处理程序。 最佳答案 如果你正在使用jquery,你可以使用这个:functionisABootstrapModalOpen(){return$('.modal.in').length>0;}普通JS解决方案:functionisABootstrapModalOpen(){returndocument.querySelectorAll('.modal.in').length>0;}此解决方案适用于任何模态,而不仅仅是特定模态。编辑:上面的代码

javascript - 如何使用 github.com/1000hz/bootstrap-validator 的自定义验证器

来自文档http://1000hz.github.io/bootstrap-validator/:Addcustomvalidatorstoberun.ValidatorsshouldbefunctionsthatreceivethejQueryelementasanargumentandreturnatruthyorfalsyvaluebasedonthevalidityoftheinput.Objectstructureis:{foo:function($el){returntrue||false}}Addingthevalidatortoaninputisdonejustlike

javascript - 带有 ng-repeat 的 bootstrap-labels 之间没有间距

当我使用angular.js中的ng-repeat添加标签时,它们显示时没有间距。这是一个Plunker这证明了这一点。但是如果我手动添加标签,只是复制了html,那么它们将以空格显示。有没有办法像在纯Bootstrap中那样在标签之间添加空白而无需额外的样式? 最佳答案 您可以将HTML标记更改为此...Mypanel{{tag}}演示:http://bootply.com/113372 关于javascript-带有ng-repeat的bootstrap-labels之间没有间距,我

javascript - angular-ui 模态 Controller 内的 ng-model 输入未定义

在我的模态模板中,我尝试使用ng-model为我的Controller范围($scope.name)分配一个值,但它没有工作。它给了我undefined。我究竟做错了什么?Plunkerhere我希望模态创建自己的范围,并将name放入该范围,因为我使用了ng-model。它似乎在模态Controller内部处于事件状态,因为我可以使用{{name}}很好地输出它Name:OKOpenme!Javascript:angular.module('plunker',['ui.bootstrap']);varModalDemoCtrl=function($scope,$modal,$log)